<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>协会领导</title>
		<link rel="stylesheet" href="../public/css/bootstrap.css">
		<link rel="stylesheet" href="../public/css/common.css">
		<link rel="stylesheet" href="../public/css/base.css">
		<link rel="stylesheet" href="../public/css/association.css">
	</head>
	<body>
		<div class="main">
		        <!-- <img src="../images/top_02.png" alt="" class="header-tit-img"> -->
		<!-- logo-->
		        <div class="header-logo-search-box">
		            <div class="header-logo-box">
		                <img src="../public/images/logo_06.png" alt="">
		                <p style="font-size: 16px" >中国摄影家协会官方网站</p>
		            </div>
		            <div class="header-search-box">
		                <img src="../public/images/seach.png" alt="" class="searchIcon">
		                <input type="text" value="" placeholder="请输入搜索关键词" class="searchWord">
		                <input type="button" value="搜索" class="searchBtn">
		            </div>
		        </div>
		<!-- 平台-->
		        <div class="header-pt-box">
		            <div class="header-pt-title">网上摄影全平台</div>
		            <ul class="header-pt-list"></ul>
		        </div>
		<!-- 网站群-->
		        <div class="header-webs-box">
		            <div class="header-webs-title">网上摄影网站群</div>
		            <div class="header-webs-list-box">
		                <img src="../public/images/header-r.png" alt="" class="prevIcon">
		                <div class="header-webs-list">
		                    <ul style="left: 0px"></ul>
		                </div>
		                <img src="../public/images/header-l.png" alt="" class="nextIcon">
		            </div>
		
		        </div>
		<!-- 摄协-->
		        <div class="header-shexie-box">
		            <div class="header-shexie-title">中国摄协</div>
		            <ul class="header-shexie-list"></ul>
		        </div>
		    </div>
		    <div class="tabbat-box">
		        <div class="tabbar main"></div>
		    </div>
		
		<div class="lf-position">
			<div class="lf-fl color-27">
				<img src="../public/images/tips12_03.png" alt="">
				<div class="lf-sign">首页</div>
				>>
				<div>协会领导</div>
			</div>
		</div>
		<div class="lf-association-content">
			<div class="lf-association-titles lf-tc color-27">中国摄协主席</div>
			<div class="lf-association-img lf-tc">
				<img src="../public/images/head%20(9).png" alt="">
				<div style="margin-top: 10px;">李舸</div>
			</div>
			<div class="lf-association-block"></div>
			<div class="lf-association-titles lf-tc color-27">中国摄协分党组织</div>
			<div class="lf-association-organiization lf-flj lf-tc">
				<div>
					<img src="../public/images/head (10).png" alt="">
					<div>郑更生（书记）</div>
				</div>
				<div>
					<img src="../public/images/head (11).png" alt="">
					<div>高琴（成员）</div>
				</div>
				<div>
					<img src="../public/images/head (12).png" alt="">
					<div>彭文玲（成员）</div>
				</div>
			</div>
			<div class="lf-association-block"></div>
			<div class="lf-association-titles lf-tc color-27">中国摄协驻会副主席</div>
			<div class="lf-association-img lf-img lf-tc">
				<img src="../public/images/head%20(10).png" alt="">
				<div>郑更生（书记）</div>
			</div>
			<div class="lf-association-block"></div>
			<div class="lf-association-titles lf-tc color-27">中国摄协副主席(按姓氏笔画排序)</div>
			<div class="lf-association-deputy lf-tc lf-flj">
				<div>
					<img src="../public/images/head (14).png" alt="">
					<div>王琛</div>
				</div>
				<div>
					<img src="../public/images/head (15).png" alt="">
					<div>刘鲁豫</div>
				</div>
				<div>
					<img src="../public/images/head (16).png" alt="">
					<div>李学亮</div>
				</div>
				<div>
					<img src="../public/images/head (17).png" alt="">
					<div>杨越峦</div>
				</div>
				<div>
					<img src="../public/images/head (1).png" alt="">
					<div>陈小波</div>
				</div>
			</div>
			<div class="lf-association-deputy lf-mar lf-tc lf-flj">
				<div>
					<img src="../public/images/head (2).png" alt="">
					<div>居杨</div>
				</div>
				<div>
					<img src="../public/images/head (3).png" alt="">
					<div>线云强</div>
				</div>
				<div>
					<img src="../public/images/head (4).png" alt="">
					<div>柳军</div>
				</div>
				<div>
					<img src="../public/images/head (5).png" alt="">
					<div>雍和</div>
				</div>
				<div>
					<img src="../public/images/head (6).png" alt="">
					<div>潘朝阳</div>
				</div>
			</div>
			<div class="lf-association-block"></div>
			<div class="lf-association-titles lf-tc color-27">中国摄协正、副秘书长</div>
			<div class="lf-association-cleerk lf-flj lf-tc">
				<div>
					<img src="../public/images/head (11).png" alt="">
					<div>高琴（成员）</div>
				</div>
				<div>
					<img src="../public/images/head (12).png" alt="">
					<div>彭文玲（成员）</div>
				</div>
			</div>
			<div class="lf-association-block"></div>
			<div class="lf-association-titles lf-tc color-27">中国摄协顾问(按姓氏笔画排序)</div>
			<ul class="lf-association-name lf-fl">
				<li>于&nbsp;&nbsp;&nbsp;健</li><li>王&nbsp;&nbsp;&nbsp;悦</li><li>王文澜</li><li>王玉文</li><li>王达军</li><li>扎西次登（藏族）</li><li>邓&nbsp;&nbsp;&nbsp;维</li><li>朱宪民</li>
				<li>李伟坤</li><li>李前光（蒙古族）</li><li>杨绍明</li><li>连登良</li><li>张&nbsp;&nbsp;&nbsp;宇</li><li>张桐胜</li><li>陈复礼</li>
				<li>罗更前</li><li>袁毅平</li><li>索久林</li><li>贾明祖 </li><li>黄贵权</li><li>简庆福</li>
			</ul>
			<div class="lf-association-block"></div>
			<div class="lf-association-titles lf-tc color-27">中国摄协理事(按姓氏笔画排序)</div>
			<ul class="lf-association-name lf-fl">
				<li>丁&nbsp;&nbsp;&nbsp;伟</li><li>于文国</li><li>于志刚（满族）</li><li>王玉文</li><li>万捷</li><li>马志霞（女）</li><li>王&nbsp;&nbsp;&nbsp;军</li><li>王&nbsp;&nbsp;&nbsp;征（回族）</li>
				<li>王&nbsp;&nbsp;&nbsp;涛</li><li>王&nbsp;&nbsp;&nbsp;琛</li><li>王&nbsp;&nbsp;&nbsp;越</li><li>王传顺</li><li>王国武</li><li>王培权</li><li>韦建平</li><li>扎&nbsp;&nbsp;&nbsp;顿（藏族）</li>
				<li>毛小芳（女）</li><li>毛社军</li><li>毛建军</li><li>乌拉汗（蒙古族）</li><li>卞永平（女）</li><li>石&nbsp;&nbsp;&nbsp;菁（女）</li>
				<li>东哈达（蒙古族）</li><li>卢志荣</li><li>卢现艺</li><li>田捷砚</li><li>史建文</li><li>包&nbsp;&nbsp;&nbsp;静</li><li>乐卫里</li><li>冯凯旋</li>
				<li>冯晓伟</li><li>吉龙生</li><li>吕静波（女）</li><li>乔天富</li><li>任&nbsp;&nbsp;&nbsp;悦（女）</li><li>仵晓中</li><li>刘&nbsp;&nbsp;&nbsp;宇</li>
				<li>刘&nbsp;&nbsp;&nbsp;杰</li><li>刘&nbsp;&nbsp;&nbsp;明</li><li>刘开明</li><li>刘占崑</li><li>刘亚茹（女）</li><li>刘应华</li><li>刘鲁豫</li><li>衣志坚</li>
				<li>汤&nbsp;&nbsp;&nbsp;辉</li><li>许&nbsp;&nbsp;&nbsp;国</li><li>许益民</li><li>孙国富</li><li>孙忠民</li><li>孙蓓红（女）</li><li>劳灼荣</li><li>杜&nbsp;&nbsp;&nbsp;芳（女）</li>
				<li>杜&nbsp;&nbsp;&nbsp;金</li><li>杜家美</li><li>李&nbsp;&nbsp;&nbsp;刚</li><li>李&nbsp;&nbsp;&nbsp;红（女）</li><li>李&nbsp;&nbsp;&nbsp;泛</li><li>李&nbsp;&nbsp;&nbsp;舸</li><li>李&nbsp;&nbsp;&nbsp;强</li><li>李&nbsp;&nbsp;&nbsp;靖</li>
				<li>李学亮</li><li>李春华</li><li>李树蜂</li><li>李洁军</li><li>李晓红</li><li>李锦河</li><li>李新洲</li><li>杨洋</li><li>杨发维</li>
				<li>杨宏峰</li><li>杨越峦</li><li>肖&nbsp;&nbsp;&nbsp;杰</li><li>吴&nbsp;&nbsp;&nbsp;力</li><li>吴&nbsp;&nbsp;&nbsp;健</li><li>吴连城</li><li>吴宗其</li><li>吴乾阳</li><li>邱志杰</li>
				<li>谷永威</li><li>宋&nbsp;&nbsp;&nbsp;靖（女）</li><li>张&nbsp;&nbsp;&nbsp;放</li><li>张兆增（回族）</li><li>张安华</li><li>张志勇</li><li>张作兴</li><li>张国田</li>
				<li>张春荣</li><li>阿旺洛桑（藏族）</li><li>陈小波（女）</li><li>陈炳忠</li><li>陈海汶</li><li>武&nbsp;&nbsp;&nbsp;勇</li><li>武普敖</li><li>林&nbsp;&nbsp;&nbsp;涛</li>
				<li>林再生 </li><li>周启垠</li><li>周朝荣</li><li>郑更生</li><li>郑春生</li><li>居&nbsp;&nbsp;&nbsp;杨（女）</li><li>线云强</li><li>岱天荣</li>
				<li>赵&nbsp;&nbsp;&nbsp;洪</li><li>赵大督</li><li>赵迎新（女）</li><li>荊&nbsp;&nbsp;&nbsp;宏</li><li>柳&nbsp;&nbsp;&nbsp;军</li><li>钟永和</li><li>施兴良</li><li>费茂华</li>
				<li>耿大鹏</li><li>晋永权</li><li>贾虹荀（女）</li><li>贾跃红</li><li>原瑞伦</li><li>柴继军</li><li>钱&nbsp;&nbsp;&nbsp;晋</li><li>徐&nbsp;&nbsp;&nbsp;波</li>
				<li>徐大庆</li><li>徐京星</li><li>徐艳娟（女）</li><li>徐渊明</li><li>奚志农（白族）</li><li>高&nbsp;&nbsp;&nbsp;琴（女）</li><li>高贵宾</li>
				<li>郭小宁（女）</li><li>郭存发</li><li>郭敬文</li><li>龚&nbsp;&nbsp;&nbsp;雷</li><li>闫波成</li><li>梁力昌</li><li>梁达明</li><li>梁向锋</li>
				<li>彭&nbsp;&nbsp;&nbsp;邦</li><li>彭&nbsp;&nbsp;&nbsp;敏</li><li>彭文玲（女）</li><li>黑&nbsp;&nbsp;&nbsp;明</li><li>傅拥军</li><li>鲁&nbsp;&nbsp;&nbsp;文</li><li>曾星明</li><li>谢子龙</li>
				<li>雍&nbsp;&nbsp;&nbsp;和</li><li>蔡&nbsp;&nbsp;&nbsp;征</li><li>漆志平</li><li>樊尚珍</li><li>潘朝阳</li><li>鞠&nbsp;&nbsp;&nbsp;航</li>
			</ul>
		</div>
	<!--    友情链接-->
		<div class="friendlink-box">
			<div class="main" >
				<div class="fl-title">友情链接</div>
				<div class="fl-list-box"></div>
			</div>
		</div>
	<!--    网站地步-->
		<div class="footer-box">
			<div class="main footer">
				<div class="footer-logo-box">
					<img src="../public/images/logo1_42.png" alt="" class="footer-logo-img">
					<div class="footer-cell-me">
						<ul>
							<li>联系我们</li>
							<li>关于我们</li>
							<li style="border: none">举报入口</li>
						</ul>
						<p>京ICP备06003739-4 京公网安备11010102000847号未经同意，不得转载、使用和链接本站内容，违者必究</p>
					</div>
				</div>
				<div class="footer-ercode-box">
					<div class="footer-ercode-item">
						<img src="../public/images/code1_42.png" alt="">
						<div>扫码关注微信公众号</div>
					</div>
					<div class="footer-ercode-item">
						<img src="../public/images/code1_42.png" alt="">
						<div>扫码关注官方微博</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../public/js/jquery.min.js"></script>
		<script src="../public/js/bootstrap.js"></script>
		<script>
		    $(function () {
		        let pingtais = [ "文艺宣传","品牌活动","佳作推介","会员服务", "人才培养", "维权服务", "志愿服务","大展征稿","影像国际"];
		        let webs =[ "京","津",'冀',"蒙","晋","辽","吉","黑","沪","苏","浙","皖","闽","赣","鲁","豫","鄂","湘","粤","桂","琼","川","渝","黔","滇","藏","陕","甘","宁","青","新","兵团","解放军","其他","其他","其他","其他","其他","其他","其他","其他","其他","其他","其他"]
		        let shexies = ["协会简介", "协会章程", "协会领导", "组织机构", "专业委员会", "职业道德建设委员会", "品牌活动", "摄协党建", "办事指南"]
		        let listHtml = "";
		        let websHtml = '';
		        let shexHtml = "";
		        pingtais.forEach( (item) => {
		            listHtml += "<li class='pt-item'>"+item+"</li>";
		        })
		        webs.forEach(item => {
		            websHtml += "<li class='webs-item'>"+item+"</li> ";
		        });
		        shexies.forEach( item => {
		            shexHtml += "<li class='shexie-item'>"+item+"</li>"
		        })
		        $(".header-pt-list").html(listHtml);
		        $(".header-webs-list ul").html(websHtml);
		        $(".header-shexie-list").html(shexHtml);
		        // 设置平台的第一个选项为红色
		        $(".pt-item").eq(0).css("color","#cc0000");
		        // 点击平台添加颜色
		        $(".header-pt-list li").click(function () {
		            $(this).css("color","#cc0000").siblings("li").css("color","");
		        })
		        //设置网上摄影网站群第一个选项为红色
		        $(".webs-item").eq(0).css("color","#cc0000");
		        //点击摄影网站上
		        $(".prevIcon").click(function () {
		            $(".header-webs-list ul").css("left", "0px");
		        });
		        //点击摄影网站下
		        $(".nextIcon").click(function () {
		            // 获取到容器的宽度
		            let cWidth = $(".header-webs-list").outerWidth();
		            //获取到要移动的元素宽度
		            let tWidth = $(".header-webs-list ul").outerWidth();
		            $(".header-webs-list ul").css("left", cWidth-tWidth+"px");
		        });
		        $(".header-webs-list ul li:last").css("border", "none");
		        // 选择摄影群选项
		        $(".header-webs-list-box li").click(function () {
		            $(this).css("color","#cc0000").siblings("li").css("color","");
		        })
		        $(".prevIcon").click(function () {
		            console.log("上一个");
		        });
		        $(".nextIcon").click(function () {
		            console.log("下一个");
		        });
		        //设置中国摄协第一个选项为红色
		        $(".shexie-item").eq(0).css("color","#cc0000");
		        // 选择中国摄协选项
		        $(".header-shexie-list li").click(function () {
		            $(this).css("color","#cc0000").siblings("li").css("color","");
		        })
		        
		        
		        // 菜单
		        let tabbars = [ "首页","新闻", "图片", "组织机构", "会员服务", "移动客户端"];
		        let tabItemDiv = "";
		        tabbars.forEach(item => {
		            tabItemDiv += "<div class='tabbar-item'>"+item+"</div>";
		        })
		        $(".tabbar").html(tabItemDiv)
		        $(".tabbar-item").eq(0).css({
		            "color": "#cc0000",
		            "backgroundColor": "#ffffff"
		        })
		        $(".tabbar .tabbar-item").click(function () {
		            $(this).css({
		                "color": "#cc0000",
		                "backgroundColor": "#ffffff"
		            }).siblings().css({
		                "color": "#ffffff",
		                "backgroundColor": ""
		            })
		        })
		        
		        // 友情链接
		        $('.dropdown-toggle').dropdown()
		        let links =[
		            {
		                title: "",
		                childs:[ "各省团体单位","微信公众号","微信公众号","微信公众号",]
		            },{
		                title: "",
		                childs:[ "各行业团体会员单位","微信公众号","微信公众号","微信公众号",]
		            },{
		                title: "",
		                childs:[ "协会所属部门网站","微信公众号","微信公众号","微信公众号",]
		            },{
		                title: "",
		                childs:[ "全国文艺家协会网","微信公众号","微信公众号","微信公众号",]
		            },{
		                title: "",
		                childs:[ "合作媒体","微信公众号","微信公众号","微信公众号",]
		            }
		        ];
		        let flHtml = ''
		        for(let i = 0; i< links.length; i++){
		            let items = links[i].childs;
		            flHtml +="<select>";
		                for(let j = 0; j< items.length; j++){
		                    flHtml += "<option>"+items[j]+"</option>"
		                }
		            flHtml+="</select>";
		        }
		        $(".fl-list-box").html(flHtml);
		    })
		</script>
	</body>
</html>
